<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{$title}</title>
<meta name="keywords" content="{$keyword}" />
<meta name="description" content="{$description}" />
<link rel="stylesheet" href="__STATIC__/css/public.css">
<link rel="stylesheet" href="__STATIC__/css/details.css?v=20171207">
<link rel="stylesheet" href="__STATIC__/js/slick/slick.css">
<link rel="stylesheet" href="__STATIC__/js/slick/slick-theme.css">
<link rel="stylesheet" href="__STATIC__/css/datetimepicker.css">
<link rel="stylesheet" href="__STATIC__/css/signup.css">
<script src="__STATIC__/js/jquery.min.js"></script>
<script src="__STATIC__/js/slick/slick.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Lt64aHiKHaVHRvY1cwgCFKhCmPHwtKCn"></script>
</head>

<body>
<div id="houseid" style="display: none">{$houseid}</div>
<div id="housetitle" style="display: none">{$housetitle}</div>
<div id="dtBox"></div><!-- 日历 -->
<span class="jbPhoneTip"></span>
<!-- 我要看房 -->
<div class="singup-alert-box">
    <div class="signup-main-box">
        <div class="top">
            <div class="tit">我要预约看房</div>
            <div class="tit_dec">APPOIN TMENT FORM</div>
            <div class="close" id="signup_close">×</div>
        </div>
        <div class="form-body">
            <div class="tip">请如实填写信息，我们将尽快与您联系：</div>
            <div class="form-group">
                <div class="label">您的名字:</div>
                <input type="text" id="name" placeholder="请输入您的名字" class="js-input" />
            </div>
            <div class="form-group">
                <div class="label">您的手机:</div>
                <input type="tel" id="tel" placeholder="请输入您的电话" class="js-input" />
            </div>
            <div class="form-group">
                <div class="label">性别:</div>
                <div class="js-form">
                    <div class="js-radio">
                        <input type="radio" name="sex" id="man" checked="checked" value="男" /><label for="man">男</label>
                    </div>
                    <div class="js-radio">
                        <input type="radio" name="sex" id="women"  value="女" /><label for="women">女</label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="label">入住人数:</div>
                <div class="js-form">
                    <div class="js-radio">
                        <input type="radio" name="owner" id="one" checked="checked" value="1人" /><label for="one">1人</label>
                    </div>
                    <div class="js-radio">
                        <input type="radio" name="owner" id="two" value="2人" /><label for="two">2人</label>
                    </div>
                </div>
            </div> 
            <div class="form-group">
                <div class="label">预约日期:</div>
                 <input type="text" name="date" data-field="date" class="js-input" id="date" value="" placeholder="- 请选择预约日期 -" readonly>
            </div>
            <!--  <div class="form-group">
               <div class="label">预约时间:</div>
                <select id="select-time" name="time" >
                     <option value="- 请选择预约时间 -">- 请选择预约时间 -</option>
                     <option value="10:00 ~ 10:59">10:00 ~ 10:59</option>
                     <option value="11:00 ~ 11:59">11:00 ~ 11:59</option>
                     <option value="13:00 ~ 13:59">13:00 ~ 13:59</option>
                     <option value="14:00 ~ 14:59">14:00 ~ 14:59</option>
                     <option value="15:00 ~ 15:59">15:00 ~ 15:59</option>
                     <option value="16:00 ~ 16:59">16:00 ~ 16:59</option>
                   </select> 
                        </div> -->
            <div class="form-group">
                <div class="label">个人需求:</div>
                <textarea id="textarea"  placeholder="如您有更多需求，可以在这里给管家留言"></textarea>
            </div>
        </div>
        <div class="form-footer">
            <input type="button" class="submit-btn" id="submit-btn" value="提交" />
        </div>
    </div>    
</div>
   <!-- 户型图点击放大-->
   <div class="houseType-box" id="houseType-box">
           <volist name="imgurl_ht_thumb" id="showThumb">
                       <img src="__ROOT__/Public/{$showThumb.ctimgurl}" alt="户型图" class="show_thumb" />
           </volist>
   </div>
    <!-- public header or signin login block -->
    <div class="header" id="top">
        <div class="header_c">
            <div class="logo"></div>
            <div class="loginBlock">
			 <if condition="$member['username'] eq '' " >
             <!--   <span class="signIn"><a href="{:U('Home/Login/reg')}" style="color:#333;">注册</a></span>&nbsp;|&nbsp;<span class="logIn"><a href="{:U('Home/Login/index')}" style="color:#333;">登录</a></span> -->
			  <else />
                <span class="signIn">欢迎，{$member['username']}</span><span class="logIn"><a href="{:U('Home/Login/logout')}" style="color:#333;">退出</a></span>
			  </if>
            </div>
            <ul>
             <volist name="menu" id="vo" >
             <if condition="$vo.active eq 'rent'">
             <li class="current_li"><a href="{$vo.url}">{$vo.name}</a></li> 
			 <else />
             <li><a href="{$vo.url}">{$vo.name}</a></li>  
             </if>
             </volist>
            </ul>
        </div>
    </div>
    
    <!-- current page start here -->
    <div class="currentPage">
        <div class="details">
            <div class="dImg">
                <div class="imgShow">
                	<volist name="imgurl_list" id="il">
                		<div class="showDiV">
                			<img src="__ROOT__/Public/{$il.listimgurl}" alt="" style="width:470px;height:415px;"/>
                		</div>
                	</volist>
           		</div>
	            <div class="imgList">
	            	<volist name="imgurl_list" id="il">
	                		<div class="listItems">
	                			<img src="__ROOT__/Public/{$il.listimgurl}" alt="" style="width:122px;height:108px;"/>
	                		</div>
	              </volist>
	            </div>
            </div>
            <div class="dIntro">
                <h2>{$content['content']}</h2>
                <dl class="IdNum">
                    <dt>编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</dt>
                    <dd>{$content['bianhao']}</dd>
                </dl>
                <dl class="PriceNum">
                    <dt>租&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;金</dt>
                    <dd><em>￥</em><span class="price">{$content['price_area']}</span>  元/月  &nbsp;&nbsp;<a href="#priceinfo" class="look-price">查看价格详情</a><span class="payType"><i class="creditIcon"></i>房租分期月付</span></dd>
                </dl>
                <dl class="Address">
                    <dt>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址</dt>
                    <dd><span>大连市&nbsp;{$content['area']}&nbsp;{$content['xiaoqu']}</span><span><i class="locIcon"></i>{$content['dizhi']}</span></dd>
                </dl>
                <dl class="Type">
                    <dt>类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型</dt>
                    <dd><span class="rentType">{$content['zulinfs']}</span><span class="floor">{$content['floor']}楼</span></dd>
                </dl>
                <dl class="Room">
                    <dt>房&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间</dt>
                    <volist name="fenrentView" id="fenrentView">
                        <if condition="$fenrentView['state'] eq 0 " >
                         <dd>
                            <span class="roomNum">{$fenrentView['fanghao']}</span>
                            <if condition="$fenrentView['balcony'] eq '有' " >
                                <span class="window">带阳台</span>
                            <else />
                                <span class="window"></span>
                            </if>
                            <span class="roomPrice">{$fenrentView['jiage']}</span>元
                        </dd>
                        <else />
                            <dd class="livedRoom">
                                <span class="roomNum">{$fenrentView['fanghao']}</span>
                                <span class="lived">已入住</span>
                            </dd>
                        </if>
                    </volist>
                </dl>
                <dl class="tel">
                    <dt>电话咨询</dt>
                    <dd>{$phone}</dd>
                </dl>
                <div class="buttonLine">
                    <div class="visitButton" id="signup-btn">我要看房</div>
                    <div class="telButton">客服咨询</div>
                </div>
            </div>
        </div>
        <div class="detailsBlock">
            <div class="dbContent">
                <div class="information">
                    <ul class="inforNav">
                        <li class="infoNavCurrent">房屋详情</li>
                        <li><a href="#zhoubian">周边配套</a></li>
                        <li><a href="javascript:;" id="houseType">户型图</a></li> 
                    </ul>
                    <div class="baseInfo same">
                        <h4>房间基本情况</h4>
                        <div class="roomEvir">
                            <div class="roomInfoSelect">
							
                             <volist name="fenrent" id="fenrent">
                                <div class="selectPart">
                                    <div class="indexArea">
                                        <div class="index">{$fenrent['fanghao']}</div>
                                        <div class="area">{$fenrent['mianji']}㎡</div>
                                    </div>
                                    <div class="price">
                                        ￥ <span>{$fenrent['jiage']}</span>
                                    </div>
                                    <div class="userInfo">
				 <if condition="$fenrent['xingbie'] eq '男' " >
                                        <div class="sexImg sexMale"></div>
	                                    <elseif condition="$fenrent['xingbie'] eq '女' " />
                                        <div class="sexImg sexFemale"></div>
				 <else />
                                        <div class="sexImg"></div>
				</if>
                                        <div class="infoPart">
                                            <div class="zodiac_job">
                                                <div>星座：<span>{$fenrent['xingzuo']}</span></div>
                                                <div>职业：<span>{$fenrent['zhiye']}</span></div>
                                            </div>
                                            <!-- <div class="livedTime">入住时间：<span>{$fenrent['shijian']}</span></div> -->
                                        </div>
                                    </div>
                                    <div class="environment">
                                           <div>
                                                      <if condition="$fenrent['desk'] eq '有' " >
                                                             <span><i class="has"></i>书桌</span>
                                                      <else />
                                                             <span><i class="hasnt"></i>书桌</span>
                                                       </if>
                                                      <if condition="$fenrent['armoire'] eq '有' " >
                                                             <span><i class="has"></i>衣柜</span>
                                                      <else />
                                                             <span><i class="hasnt"></i>衣柜</span>
                                                       </if>
                                           </div>
                                        <div>
				            
                                                       <if condition="$fenrent['balcony'] eq '有' " >
                                                             <span><i class="has"></i>阳台</span>
                                                       <else />
                                                             <span><i class="hasnt"></i>阳台</span>
                                                      </if>
                                                      <if condition="$fenrent['onlyToilet'] eq '有' " >
                                                             <span><i class="has"></i>独卫</span>
                                                       <else />
                                                             <span><i class="hasnt"></i>独卫</span>
                                                      </if>
                                           </div>
                                    </div>
				<if condition="$fenrent['state'] eq 0 " >
                                    <div class="ifLive">
                                    <span>可以入住</span>
                                    </div>
	                                <else />
                                    <div class="ifLive livedAlready">
                                    <span>已入住</span>
                                    </div>
	                                </if>

                                </div>
							 </volist>
								
								
                            </div>
                            <h4>房间基本配置</h4>
                            <div class="roomEquip equip">
                            	<volist name="pz" id="pz">
                            		<div class="equipPart">
                            			<div class="equipImg">
                            				<img src="__ROOT__/Apps/Home/View/Public/static/images/details/{$pz}.png" />
                            			</div>
                            			<div class="equipText">{$pz}</div>
                            		</div>
                            	</volist>					
                            </div>
                            <h4>公共区域及特色</h4>
                            <div class="publicEquip equip">
                            	<volist name="ts" id="ts">
                            		<div class="equipPart">
                            			<div class="equiupImg">
                                        	<img src="__STATIC__/images/details/{$ts}.png" alt="">
                                    	</div>
                                    	<div class="equipText">{$ts}</div>
                            		</div>
                            	</volist>                           
                            </div>
                        </div>
                    </div>
                    
                    <div class="pricePic same" id="priceinfo">
                        <h4>价格详情</h4>
                        <div class="infoPicList">
                            <div class="listContent">
    		           <img src="{$price_img}" alt="" style="width: 100%;height:100%">
                            </div>
                        </div>
                    </div>
                    
                    <div class="infoPic same">
                        <h4>房间详情</h4>
                        <div class="infoPicList">
                            <div class="listContent">
							
                                <if condition="$fenrenta['imgurl'] neq ''" >
                                    <div class="infoPicPart">
                                        <img src="__ROOT__/Public/{$fenrenta['imgurl']}" alt="">
                                        <span>{$fenrenta['fanghao']}</span>
                                    </div>
			</if>
							
                               <if condition="$fenrentb['imgurl'] neq ''" >
                                    <div class="infoPicPart">
                                        <img src="__ROOT__/Public/{$fenrentb['imgurl']}" alt="">
                                        <span>{$fenrentb['fanghao']}</span>
                                    </div>
			</if>
                                <if condition="$fenrentc['imgurl'] neq ''" >
                                    <div class="infoPicPart">
                                        <img src="__ROOT__/Public/{$fenrentc['imgurl']}" alt="">
                                        <span>{$fenrentc['fanghao']}</span>
                                    </div>
			</if>   
                                <if condition="$fenrentd['imgurl'] neq ''" >
                                    <div class="infoPicPart">
                                        <img src="__ROOT__/Public/{$fenrentd['imgurl']}" alt="">
                                        <span>{$fenrentd['fanghao']}</span>
                                    </div>
			</if>
	
	
                            </div>
                        </div>
                    </div>

		<div class="publicPic same">
                        <h4>公共区域详情</h4>
                        <div class="publicList">
                            <div class="publicContent">                              
                            	<volist name="imgurl_ct" id="ic" empty="暂无">
                                    <div class="publicPicPart" style="background: url(__ROOT__/Public/{$ic.ctimgurl}) no-repeat center bottom;background-size: 100% auto">
                                    </div>
                            	</volist>					                           							  
           .

                            </div>
                        </div>
                    </div>
                    <div class="doorPic same">
                        <h4>户型图</h4>
                        <div class="publicList">
                            <div class="publicContent">                              
                                <volist name="imgurl_housetype" id="ht" empty="暂无">
                                    <div class="publicPicPart" style="background: url(__ROOT__/Public/{$ht.ctimgurl}) no-repeat center bottom;background-size: 100% auto">
                                    </div>
                                </volist>                                                                         
                            </div>
                        </div>
                    </div>
                    <div class="nearbyEnviron same">
                        <h4 id="zhoubian">周边配套</h4>
                        <div class="mapContent">
                            <div class="mapArea">
                             {$content['content']|htmlspecialchars_decode}
                                <div class="mapOut">
                                    <ul>
                                        <li>餐饮</li>
                                        <li>超市</li>
                                        <li>影院</li>
                                        <li>酒店</li>
                                        <li>公交站</li>
                                        <li class="current_li">地铁站</li>
                                        <li>学校</li>
                                        <li>银行</li>
                                        <li>医院</li>
                                        <li>景点</li>
                                        <li>加油站</li>
                                    </ul>
                                    <div id="map"></div>
                                    <div class="mapSearch">
                                        <span>从这里到</span>
                                        <input type="text" class="directArea">
                                        <span class="searchLine mapButton">查询路线</span>
                                        <span class="return mapButton">回到当前小区</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="whyChose same">
                        <h4>为什么选择好房东？</h4>
                        <div class="whyChoseContent">
                            <div class="whtChoseImg">
                                <img src="__STATIC__/images/details/whyChoseImg.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="howRent same">
                        <h4>怎么租房子？</h4>
                        <div class="howRentContent">
                            <div class="howRentImg">
                                <img src="__STATIC__/images/details/howRentImg.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="guess same">
                        <h4>猜你喜欢</h4>
                        <div class="guessYouLike">
                            <div class="guessContent">                              
	                      <volist name="getLike" id="vo">
                                        <a href="__ROOT__/index.php?m=Home&c=Index&a=rentcontent&id={$vo['id']}">
                                            <div class="guessPart">
                                                <div class="guessImg">
                                                   <img src="__ROOT__/Public/{$vo['imgurl']}" alt="{$vo['title']}" style="width:165px;height:105px;">
                                                </div>
                                                <div class="guessAdd">【{$vo['dizhi']}】</div>
                                                <div class="guessPrice">￥ {$vo['price']}元起</div>
                                            </div>
                                        </a>
                                  </volist> 							  
                            </div>                           
                        </div>
                    </div>

                </div>
                <div class="houseNearby">
                    <h5>附近房源</h5>
                    <div class="nearbyList">
                        <volist name="nearby" id="nb">
                            <a href="http://hfd.fangbanghui.com/index.php?m=Home&c=Index&a=rentcontent&id={$nb.id}">
                                <div class="nearbyPart">
                                    <div class="nearbyImg" style="background: url(__PUBLIC__/{$nb.imgurl})  no-repeat;background-size: cover"></div>
                                    <div class="nearbyAdd">{$nb.content}</div>
                                    <div class="nearbyRow">
                                        <div class="nearbyAddress nearbyItem">{$nb.dizhi}</div>
                                        <div class="nearbyPrice nearbyItem">￥{$nb.price}元起</div>
                                    </div>
                                </div>
                            </a>
                        </volist>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- public footer block -->
    <div class="footer">
        <div class="footLink">
            <div class="fLink_c">
                <div class="rentStep"></div>
                <div class="complain"></div>
                <div class="newNotice"></div>
                <div class="erweima"></div>
                <div class="carePlat">关注好房东公众号</div>
            </div>
        </div>
        <div class="copyRight">
            <div class="copyRight_c">
                <div>Copyright © 2012-2017 hfd.fangbanghui.com（房帮惠）. All Rights Reserved 辽ICP备15015212号-1</div>
            </div>
        </div>
    </div>
    
    <!-- public aside block -->
    <ul class="aside">
        <li class="share"></li>
        <li class="comment"></li>
        <li class="wechat"></li>
        <a href="#top"><li class="goTop"></li></a>
        <!-- customService block -->
        <div class="customService" id="customService"></div>
    </ul>
    
    <!-- public javascript login signin -->
    <script src="__STATIC__/js/public.js"></script>
    <!-- 选择日期插件 -->
    <script src="__STATIC__/js/datetimepicker.js"></script>
    <!-- 我要看房 -->
    <script src="__STATIC__/js/signup.js"></script>
    <!-- current page javascript -->
    <script  type="text/javascript">
       
$(function () {
    
    /* mapArea */
    var map = new BMap.Map('map');
    var centerPoint = new BMap.Point(121.593478, 38.94871);
    var centerMark = new BMap.Marker(centerPoint);
    map.addOverlay(centerPoint);
    map.centerAndZoom(centerPoint, 16);
    map.setCurrentCity("大连"); 
    map.enableScrollWheelZoom(true);
    
    var myGeo = new BMap.Geocoder();
    // 将地址解析结果显示在地图上,并调整地图视野
    myGeo.getPoint("{$content['dizhi']}", function(point){
        if (point) {
            map.centerAndZoom(point, 16);
            map.addOverlay(new BMap.Marker(point));
        }else{
            alert("您选择地址没有解析到结果!");
        }
    }, "大连市");
    var routePolicy = [
        BMAP_TRANSIT_POLICY_LEAST_TIME,
        BMAP_TRANSIT_POLICY_LEAST_TRANSFER,
        BMAP_TRANSIT_POLICY_LEAST_WALKING,
        BMAP_TRANSIT_POLICY_AVOID_SUBWAYS
    ];
    var local = new BMap.LocalSearch(map, {
        renderOptions:{map: map, autoViewport: false}
    });
    
    
    $('.mapOut li').click(function () {
        var content = $(this).html();
        $('.mapOut li').removeClass('current_li');
        $(this).addClass('current_li');
        bounds = map.getBounds();
        local.searchInBounds(content, bounds);
    });
    
    $('.searchLine').click(function () {
        var directArea = $('.directArea').val();
        var transit = new BMap.TransitRoute(map, {    
            renderOptions: {map: map, panel: "results"}    
        }); 
        map.clearOverlays();
        transit.search(centerPoint, directArea);
    });
    
    $('.return').click(function () {
        if(map) {
            map.reset();
        }
    });
    
    $('.imgShow').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        asNavFor: '.imgList',
        arrows: false,
        fade: true,
    });
    $('.imgList').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        vertical: true,
        asNavFor: '.imgShow',
        centerMode: true,
        arrows: true,
        focusOnSelect: true
    });
}); 

    </script>
</body>
</html>